
.index-balck {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 345px;
  height: 250px;
  margin: 10px 10px;
  border-radius: 15px;
}
.index-shade{
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  z-index: 114;
}

.index-balck:active{
  transform:rotateY(40deg); 
}
.index-balck-title {
  width: 100%;
  height: 45px;
  line-height: 45px;
  z-index: 10;
  background-color: rgb(255, 255, 255);
}

.img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}

.index-balck-info {
  font-size: 10px;
  width: 100%;
  line-height: 32px;
  position: absolute;
  bottom: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: #474545;
  -webkit-box-orient: vertical;

}
.index-but{
  width: 50px;
  height: 173px;
  font-size: 10px;
  right: 0;
  z-index: 100;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.3);
}
.index-but-txt{
display: block;
  width: 48px;
  margin:0 auto;
}
.index-but-icon{
  margin-top: 40px;

}